      $(function(){

      
      //定时器返回值
        var time = null;
        //记录当前位子
        var nexImg = 0;
        //用于获取轮播图图片个数
        var imgLength = $(".c-banner .banner ul li").length;
        //当时动态数据的时候使用,上面那个删除
        // var imgLength =0;
        //设置底部第一个按钮样式
        $(".c-banner .click-btn ul li[jumpImg=" + nexImg + "]").css("background-color", "rgb(150, 4, 4)");

        //页面加载
        $(document).ready(function () {
            // dynamicData();
            //启动定时器,设置时间为3秒一次
            time = setInterval(intervalImg, 4000);
        });

        //点击上一张
        $(".get").click(function () {
            //清楚定时器
            clearInterval(time);
            var nowImg = nexImg;
            nexImg = nexImg - 1;
            console.log(nexImg);
            if (nexImg < 0) {
                nexImg = imgLength - 1;
            }
            //底部按钮样式设置
            $(".c-banner .click-btn ul li").css("background-color", "gray");
            $(".c-banner .click-btn ul li a[jumpImg=" + nexImg + "]").css("background-color", "rgb(150, 4, 4)");

            //将当前图片试用绝对定位,下一张图片试用相对定位
            $(".c-banner .banner ul img").eq(nowImg).css("position", "absolute");
            $(".c-banner .banner ul img").eq(nexImg).css("position", "relative");

            //轮播淡入淡出
            $(".c-banner .banner ul li").eq(nexImg).css("display", "block");
            $(".c-banner .banner ul li").eq(nexImg).stop().animate({ "opacity": 1 }, 1000);
            $(".c-banner .banner ul li").eq(nowImg).stop().animate({ "opacity": 0 }, 1000, function () {
                $(".c-banner ul li").eq(nowImg).css("display", "none");
            });

            //启动定时器,设置时间为3秒一次
            time = setInterval(intervalImg, 4000);
        })

        //点击下一张
        $(".next").click(function () {
            clearInterval(time);
            intervalImg();
            time = setInterval(intervalImg, 4000);
        })

        //轮播图
        function intervalImg() {
            if (nexImg < imgLength - 1) {
                nexImg++;
            } else {
                nexImg = 0;
            }

            //将当前图片试用绝对定位,下一张图片试用相对定位
            $(".c-banner .banner ul img").eq(nexImg - 1).css("position", "absolute");
            $(".c-banner .banner ul img").eq(nexImg).css("position", "relative");

            $(".c-banner .banner ul li").eq(nexImg).css("display", "block");
            $(".c-banner .banner ul li").eq(nexImg).stop().animate({ "opacity": 1 }, 1000);
            $(".c-banner .banner ul li").eq(nexImg - 1).stop().animate({ "opacity": 0 }, 1000, function () {
                $(".c-banner .banner ul li").eq(nexImg - 1).css("display", "none");
            });
            $(".c-banner .click-btn ul li").css("background-color", "gray");
            $(".c-banner .click-btn ul li[jumpImg=" + nexImg + "]").css("background-color", "rgb(150, 4, 4)");
        }

        //轮播图底下按钮
        $(".c-banner .click-btn ul li").each(function () {
            // console.log($(this));
            //为每个按钮定义点击事件
            $(this).click(function () {
                clearInterval(time);
                $(".c-banner .click-btn ul li").css("background-color", "gray");
                
                jumpImg = $(this).attr("jumpImg");
                console.log(jumpImg)
                if (jumpImg != nexImg) {
                    var after = $(".c-banner .banner ul li").eq(jumpImg);
                    console.log(after)
                    var befor = $(".c-banner .banner ul li").eq(nexImg);
                    console.log(befor)
                    //将当前图片试用绝对定位,下一张图片试用相对定位
                    $(".c-banner .banner ul img").eq(nexImg).css("position", "absolute");
                    $(".c-banner .banner ul img").eq(jumpImg).css("position", "relative");

                    after.css("display", "block");
                    after.stop().animate({ "opacity": 1 }, 1000);
                    befor.stop().animate({ "opacity": 0 }, 1000, function () {
                        befor.css("display", "none");
                    });
                    nexImg = jumpImg;
                }
                $(this).css("background-color", "rgb(150, 4, 4)");
                time = setInterval(intervalImg, 4000);
            });
        });
});